<link href="source/plugin/aljbd/css/sj/iconfont/iconfont.css" rel="stylesheet">
<style type="text/css">
	.iconfont {
		font-size: 20px;
	}
	img {
		vertical-align: middle;
	}
	img {
		border: 0;
	}
</style>
<div class="footermenu">
	<div style="height:48px"></div>
	<ul class="diyDocument" diy-id="footermenu">
		{if $settings['mobile_common_footernav']['value']}
			{loop $mobile_common_footernav_arr $mcfk $mcfv}
				<li>
					<a href="{$mcfv[3]}" {if (!$_GET['act'] && $_GET['id'] != 'aljgwc'&& $_GET['id'] != 'aljbd:so' && $mcfk == 0) || strpos({$mcfv[3]}, $_GET['act']) !== false || (strpos({$mcfv[3]}, $_GET['id']) !== false && ($_GET['id'] == 'aljbd:so' || $_GET['id'] == 'aljgwc'))}class="l_Selected"{/if}>
					{if (!$_GET['act'] && $_GET['id'] != 'aljgwc'&& $_GET['id'] != 'aljbd:so' && $mcfk == 0) || strpos({$mcfv[3]}, $_GET['act']) !== false || (strpos({$mcfv[3]}, $_GET['id']) !== false && ($_GET['id'] == 'aljbd:so' || $_GET['id'] == 'aljgwc'))}
					<img src="{$mcfv[0]}" />
					{else}
					<img src="{$mcfv[1]}" />
					{/if}
					<p>{$mcfv[2]}</p>
					</a>
				</li>
			{/loop}
		{else}
			<li><a href="plugin.php?id=aljbd" {if !$_GET['act'] && $_GET['id'] != 'aljgwc'&& $_GET['id'] != 'aljbd:so'}class="l_Selected"{/if}><span class="iconfont icon-home"></span><p>{lang aljbd:index_header_17}</p></a></li>
			{if !$settings['close_goods']['value']}
		<li><a href="plugin.php?id=aljbd&act=goods" {if $_GET['act'] == 'goods'}class="l_Selected"{/if}><span class="iconfont icon-goods"></span><p>{lang aljbd:s257}</p></a></li>
			{/if}
			{if file_exists("source/plugin/dz_1/dz_1.inc.php")}
			{template dz_1:footer}
			{else}
			<li><a href="plugin.php?id=aljbd&act=dianpu" {if $_GET['act'] == 'dianpu'}class="l_Selected"{/if}><span class="iconfont icon-shop"></span><p>&#21830;&#23478;</p></a></li>
			{/if}
			{if $_G['cache']['plugin']['aljgwc']['aljbd']}
			<li><a href="plugin.php?id=aljgwc" {if $_GET['id'] == 'aljgwc' && !$_GET['act']}class="l_Selected"{/if}><span class="iconfont icon-cart" ></span><p>&#36141;&#29289;&#36710;</p></a></li>
			{/if}
			<li><a href="plugin.php?id=aljbd&act=user" {if $_GET['act'] == 'user' || $_GET['act'] == 'member' || $_GET['act'] == 'yes' || $_GET['act'] == 'appointment_list' || $_GET['act'] == 'appointment_view' || $_GET['act'] == 'collection_list' || $_GET['act'] == 'goodslist' || $_GET['act'] == 'addgoods' || $_GET['act'] == 'orderlist' || $_GET['act'] == 'settlelist' || $_GET['act'] == 'settle' || $_GET['act'] == 'noticelist' || $_GET['act'] == 'consumelist'}class="l_Selected"{/if}><span class="iconfont icon-my"></span><p>&#25105;&#30340;</p></a></li>
		{/if}
	</ul>
</div>
<style type="text/css">
	ul, li {
		list-style: none;
	}
	.footer-img{font-size:18px;}
	.footermenu ul {
		position: fixed;
		z-index: 900;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		display: block;
		width: 100%;
		height: 48px;
		display: -webkit-box;
		display: box;
		-webkit-box-orient: horizontal;
	background-color: {if $settings['footer_color']['value']}$settings['footer_color']['value']{else}#ffffff{/if};
	border-top:1px solid #eee;
	}

	.footermenu ul li {
		width: auto!important;
		height: 100%;
		position: static!important;
		margin: 0;
		border-radius: 0!important;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-box-flex: 1;
		box-flex: 1;
		-webkit-box-sizing: border-box;
		box-shadow: none!important;
		background: none;
		line-height:20px
	}
	.footermenu ul li  {
		color: #5D656B;
	}

	.footermenu ul li a {
	color: {if $settings['footer_img_color']['value']}$settings['footer_img_color']['value']{else}#5D656B{/if};
	text-align: center;
	display: block;
	text-decoration: none;
	padding-top: 5px;
	font-size: 16px;
	position: relative;
	height: 46px;
	}
	.footermenu ul li a.l_Selected{color:{if $settings['footer_color_s']['value']}$settings['footer_color_s']['value']{else}red{/if};}
	.footermenu ul li a img {
		width: 20px;
		height: 20px;
	}

	.footermenu ul li a p {
		margin: 2px 0 0 0;
		font-size: 10px;
		display: block !important;

		text-align: center;
	}

	.top-btn {
		display: none;
		position: fixed;
		right: .3rem;
		bottom: 1.5rem;
		width: .86rem;
		height: .86rem;
		line-height: .86rem;
		background: #FF658E;
		z-index: 130;
		border-radius: 50%;
		color: #fff;
		overflow: hidden;
		text-align: center;
		font-size: .5rem;
	}
</style>
